﻿<Grid x:Class="TouchExplorer.Controls.ClipboardElementDisplay"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
      xmlns:ctrls="clr-namespace:TouchControls;assembly=TouchControls" mc:Ignorable="d"
             d:DesignHeight="300" d:DesignWidth="300">
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="Auto"/>
        <ColumnDefinition Width="*"/>
        <ColumnDefinition Width="Auto"/>
        <ColumnDefinition Width="Auto"/>
    </Grid.ColumnDefinitions>
    <Grid.RowDefinitions>
        <RowDefinition Height="*" />
        <RowDefinition Height="5" />
    </Grid.RowDefinitions>
    <Grid Grid.Column="0" Margin="7 3 8 0" VerticalAlignment="Center" HorizontalAlignment="Left">
        <Image x:Name="ImgElement" Width="40" Height="40" Stretch="UniformToFill" />        
    </Grid>
    <Grid Grid.Column="1" HorizontalAlignment="Stretch" VerticalAlignment="Center">
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="Auto" />
            <ColumnDefinition Width="*" />
        </Grid.ColumnDefinitions>
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto" />
            <RowDefinition Height="Auto" />
            <!--<RowDefinition Height="Auto" />-->
        </Grid.RowDefinitions>
        <TextBlock HorizontalAlignment="Stretch" Grid.ColumnSpan="2" Text="{Binding Name, Mode=OneTime}" Style="{StaticResource LargeWhiteText}" />
        <!--<TextBlock Text="{Binding Info.Extension, Mode=OneTime}" Grid.Row="1" HorizontalAlignment="Center" VerticalAlignment="Center" Style="{StaticResource SmallGrayText}" FontSize="14" Margin="0 0 8 0"/>-->
        <TextBlock HorizontalAlignment="Stretch" Grid.Column="1" Grid.Row="1" Text="{Binding Info.FullName, Mode=OneTime}" Style="{StaticResource SmallGrayText}" />
        <!--<TextBlock HorizontalAlignment="Stretch" Grid.Column="1" Grid.Row="1" Text="{Binding FileDescription, Mode=OneTime}" Style="{StaticResource SmallGrayText}" />-->
    </Grid>
    <StackPanel Orientation="Horizontal" Margin="0 0 12 0" Grid.Column="3">
        <ctrls:Tile Style="{StaticResource VerySmallTileButton}" Content="Remove" Icon="{StaticResource ImgToolbarRemove}" IconSize="28" Width="40"  Click="RemoveElt" Opacity="0.6"/>
    </StackPanel>
    <Border Grid.ColumnSpan="4" Grid.Row="1" Background="{StaticResource ListSeparator}" Height="2" VerticalAlignment="Bottom">
    </Border>
    <Grid.Triggers>
        <EventTrigger RoutedEvent="Grid.Loaded">
            <BeginStoryboard>
                <Storyboard Name="ItemLoad">
                    <DoubleAnimation   
                            Storyboard.TargetProperty="(Grid.Opacity)"   
                            From="0.0" To="1" Duration="0:0:0.3" />
                </Storyboard>
            </BeginStoryboard>
        </EventTrigger>
    </Grid.Triggers>
</Grid>
